<!DOCTYPE html>
<html>
<head>

    <meta charset="UTF-8">
    <title>选择银行卡</title>
    <meta name="viewport" content="width=100%; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <link rel="stylesheet" href="/static/css/css.css" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_604068_hjvcfa62wb62mx6r.css" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_604161_tfc7h0lgck5wxw29.css"/>
    <style>
        .duihao {
            color: #cc6210;
            float: right;
        }
        .bo{border: 1px  solid #1561ac
        }
    </style>

</head>

<body >
    <header class="head headTitle"   style="position: relative;position: fixed;top: 0px">
        <a class="back"   href="{:url('/home/Worker/myonlinemoney/flag/1')}" ><img src="/static/images/back_gray.png"></a>
        <a  href="{:url('/home/Worker/myaddcard')}" style="position: absolute;right:15px;color: black"><span class="icon icon--jiahao"></span></a>
        <h1 class="title">选择银行卡</h1>
    </header>
        <ul  style="margin-top: 50px"  id="app">
             {foreach    $information  as  $info}
                 {if   $info['type'] == 1}
                    <li   class="aa"   style="height: 60px;margin-top: 10px;background: white"   id="{$info['id']}"  onclick="selectc()"   >
                    <a href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                        <div >
                            <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                <span  class="icon icon-jiansheyinxing" ></span>
                            </div>
                            <div  style="width: 60%;float: left;margin-top: 10px">
                                <div>建设银行</div>
                                <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>
                            </div>
                            <div  style="width: 15%;float: right;margin-top: 10px">
                                <span   class="dh"></span>
                            </div>

                        </div>
                    </a>
                </li>
                    {elseif  $info["type"] == 2}
                    <li class="aa"   style="height: 60px;margin-top: 10px;background: white"   onclick="selectc()" >
                        <a  href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                            <div >
                                <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                    <span  class=" icon icon-ABC" ></span>
                                </div>
                                <div  style="width: 60%;float: left;margin-top: 10px">
                                    <div>农业银行</div>
                                    <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>

                                </div>
                                <div  style="width: 15%;float: left;line-height: 60px" >
                                    <span  class="dh"></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    {elseif  $info["type"] == 3}
                    <li class="aa" style="height: 60px;margin-top: 10px;background: white"  onclick="selectc()" >
                        <a  href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                            <div >
                                <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                    <span  class="icon icon-youzhengyinxing" ></span>
                                </div>
                                <div  style="width: 60%;float: left;margin-top: 10px">
                                    <div>邮政银行</div>
                                    <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>
                                </div>
                                <div  style="width: 15%;float: left;line-height: 60px"  class="dd">
                                    <span  class="dh "></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    {elseif  $info["type"] == 4}
                    <li   class="aa" style="height: 60px;margin-top: 10px;background: white" onclick="selectc()"  >
                        <a href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                            <div >
                                <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                    <span  class="icon icon-yinhang-zhongguorenminyinhang-" ></span>
                                </div>
                                <div  style="width: 60%;float: left;margin-top: 10px">
                                    <div>人民银行</div>
                                    <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>
                                </div>
                                <div  style="width: 15%;float: left;line-height: 60px">
                                    <span  class=" dh"></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    {elseif  $info["type"] == 5}
                    <li  style="height: 60px;margin-top: 10px;background: white"   onclick="selectc()"  >
                        <a href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                            <div >
                                <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                    <span  class=" icon icon-gongshangyinxing" ></span>
                                </div>
                                <div  style="width: 60%;float: left;margin-top: 10px">
                                    <div>工商银行</div>
                                    <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>
                                </div>
                                <div  style="width: 15%;float: left;line-height: 60px">
                                    <span  class=" dh"></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    {elseif  $info["type"] == 6}
                    <li  style="height: 60px;margin-top: 10px;background: white"  onclick="selectc()"  >
                        <a href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                            <div >
                                <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                    <span  class="icon icon-zhaoshangyinhangbank1193432easyiconnet" ></span>
                                </div>
                                <div  style="width: 60%;float: left;margin-top: 10px">
                                    <div>招商银行</div>
                                    <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>
                                </div>
                                <div  style="width: 15%;float: left;line-height: 60px">
                                    <span  class=" dh"></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    {elseif  $info["type"] == 7}
                    <li  style="height: 60px;margin-top: 10px;background: white"   onclick="selectc()"  >
                        <a href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                            <div >
                                <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                    <span  class="icon icon-zhongguoyinhangbank1193437easyiconnet" ></span>
                                </div>
                                <div  style="width: 60%;float: left;margin-top: 10px">
                                    <div>中国银行</div>
                                    <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>
                                </div>
                                <div  style="width: 15%;float: left;line-height: 60px">
                                    <span  class=" dh" ></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    {elseif  $info["type"] == 8}
                    <li  style="height: 60px;margin-top: 10px;background: white"  onclick="selectc()">
                        <a href="{:url('/home/Worker/myonlinemoney')}?flag=2&cardid={$info.id} ">
                            <div >
                                <div  style="width: 20%;float: left;text-align: center;line-height: 60px;color: #1A65A3">
                                    <span  class="icon icon-jiaotongyinxing" ></span>
                                </div>
                                <div  style="width: 60%;float: left;margin-top: 10px">
                                    <div>交通银行</div>
                                    <div  style="color: grey;">尾号{$info.cardnumber}储蓄卡</div>
                                </div>
                                <div  style="width: 15%;float: left;line-height: 60px">
                                    <span  class=" dh"></span>
                                </div>
                            </div>
                        </a>
                    </li>
                {/if}
            {/foreach}
        </ul>


</body>


<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script>
    function selectc() {
//        //点击添加时，传递项目id
        var id1 = "{$info.id}";
//        console.log(id);
//        var path = "{:url('/home/Worker/myonlinemoney')}?flag=2&cardid=" + $info.id;
//        console.log(flag);
//        location.href(path);

    }

//function selectc() {
//    $(this).addClass('live live-duihao duihao').siblings().removeClass("live live-duihao duihao");
//
//}
//$(function () {
//    $('ul  li').each(function () {
//        $(this).bind('click',function () {
//            $('.dh').addClass("live live-duihao duihao");
//        })
//
//    })
//})

$(function () {
    $('ul  li').click(function () {
        $('.dh').removeClass('live live-duihao duihao');
        $(this).find(".dh").addClass('live live-duihao duihao').siblings().removeClass('live live-duihao duihao');

    })

})


</script>



</html>
